body {
  overflow-x: hidden;
}
.container-fluid {
	max-width: 100%;
}

@media all and (min-width: 992px) {
	.course-score-stu {
		margin-top: 10px;
		font-size: 10px;
	}
	.score-title {
		margin: 10px 15px;
	}
	.score-title p{
		font-size: 2.5rem;
		font-weight: 600;
	}
	.table {
		width: 100%;
    	max-width: 100%;
    	margin: 5px;
	    background-color: transparent;
	    border-spacing: 0;
	    border-collapse: collapse;
	}
	.table, .table th, td {
		text-align: center;
		padding: 4px;
	}
	.table thead tr th {
		font-size: 1.5rem;
	}
	.table thead tr th span {
		font-size: 1.5rem;
	}
	.table tbody tr td {
		font-size: 1.5rem;
	    font-weight: 500;
	}
	.score-detail-title .line {  
	   display: inline-block;  
	   width: 20rem;  
	   border-top: 2px solid #c0eab5 ;
	   line-height: 2rem;
	}
	.score-detail-title .detail-title {
		font-size: 1.8rem;
		color: #303030;
		font-weight: 600;
		vertical-align: middle;  
	}
}

@media all and (max-width: 992px) {
	
	.course-score-stu {
		margin-top: 5px;
		font-size: 5px;
	}
	.score-title {
		margin: 5px 8px;
	}
	.score-title p{
		font-size: 1.5rem;
		font-weight: 600;
	}
	.table {
		width: 100%;
    	max-width: 100%;
    	margin: 5px;
	    background-color: transparent;
	    border-spacing: 0;
	    border-collapse: collapse;
	}
	.table, .table th, td {
		text-align: center;
		padding: 2px;
	}
	.table thead tr th {
		font-size: 1rem;
	}
	.table thead tr th span {
		font-size: 1rem;
	}	
	.table tbody tr td {
		font-size: 1rem;
	    font-weight: 500;
	}
	
	.score-detail-title .line {  
		display: inline-block;  
		width: 6rem;  
		border-top: 1px solid #c0eab5 ;
		line-height: 2rem;
	}
	.score-detail-title .detail-title {
		font-size: 1.2rem;
		color: #303030;
		font-weight: 600;
		vertical-align: middle;  
	}
}

@media all and (max-width: 640px) {
	.show-pc {
		display:none;
	}
}
/* not fluid */
.table .col1 {
	width: 20%;
}
.table .col2 {
	width: 35%;
}
.table .col3 {
	width: 15%;
}
.table .col4 {
	width: 30%;
}
.score-title p{
	text-align: center;
}
.score-title .label {
   	background-color: #468847;
}
.score-title .badge {
	background-color: #f89406;
}
.table tr {
	border-bottom: 1px solid #ddd;
}

.score-detail-title {  
	height: 5rem;  
	line-height: 5rem;  
	text-align: center;  
}
/* nested-table */
.score-index-detail {
	text-align: left;
}
.score-index-detail-title {
	font-size: 1.6rem;
	font-weight: 600;
	margin-bottom: 5px;
	border-bottom: 1px solid #ddd;
}
.score-index-detail-content {
	margin-left: 1rem;
}
.nested-table .pagination li a, .pagination li span {
	padding: 1px 6px;
}